<!-- .aside -->
<aside class="bg-black dk nav-xs aside hidden-print" id="nav">
<section class="vbox">
<section class="w-f-md scrollable">
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



<!-- nav -->
<nav class="nav-primary hidden-xs">
<ul class="nav bg clearfix">
    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
        Discover
    </li>
    <!--
    <li>
        <a href="./index.jsp">
            <i class="icon-disc icon text-success"></i>
            <span class="font-bold">What's new</span>
        </a>
    </li>
    -->
    <!--
    <li>
        <a href="./genres.html">
            <i class="icon-music-tone-alt icon text-info"></i>
            <span class="font-bold">Genres</span>
        </a>
    </li>
    -->
    <!--
    <li>
        <a href="./events.html">
            <i class="icon-drawer icon text-primary-lter"></i>
            <b class="badge bg-primary pull-right">6</b>
            <span class="font-bold">Events</span>
        </a>
    </li>

    <li>
        <a href="./listen.jsp">
            <i class="icon-list icon  text-info-dker"></i>
            <span class="font-bold">Listen</span>
        </a>
    </li>
    -->
    <li>
        <a href="./privacypolicy.jsp">
            <i class="icon-briefcase icon text-success"></i>
            <span class="font-bold">Privacy Policy</span>
        </a>
    </li>
    <li>
        <a href="./aboutus.jsp">
            <i class="icon-user icon text-primary-lter"></i>
            <span class="font-bold">About Us</span>
        </a>
    </li>
    <li>
        <a href="./contact.jsp">
            <i class="icon-envelope-open icon text-info-dker"></i>
            <span class="font-bold">Contact</span>
        </a>
    </li>
    <!--
    <li>
        <a href="./video.html" data-target="#content" data-el="#bjax-el" data-replace="true">
            <i class="icon-social-youtube icon  text-primary"></i>
            <span class="font-bold">Video</span>
        </a>
    </li>
    -->
    <li class="m-b hidden-nav-xs"></li>
</ul>

</nav>
<!-- / nav -->
</div>
</section>

<footer class="footer hidden-xs no-padder text-center-nav-xs">

    <!-- TODO: temporarily this part is closed! -->

    <!--
    <div class="bg hidden-xs ">
        <div class="dropdown dropup wrapper-sm clearfix">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">
                        <img src="./images/a3.png" class="dker" alt="...">
                        <i class="on b-black"></i>
                      </span>
                      <span class="hidden-nav-xs clear">
                        <span class="block m-l">
                          <strong class="font-bold text-lt">John.Smith</strong>
                          <b class="caret"></b>
                        </span>
                        <span class="text-muted text-xs block m-l">Art Director</span>
                      </span>
            </a>
            <ul class="dropdown-menu animated fadeInRight aside text-left">
                <li>
                    <span class="arrow bottom hidden-nav-xs"></span>
                    <a href="#">Settings</a>
                </li>
                <li>
                    <a href="./profile.jsp">Profile</a>
                </li>
                <li>
                    <a href="#">
                        <span class="badge bg-danger pull-right">3</span>
                        Notifications
                    </a>
                </li>
                <li>
                    <a href="./docs.html">Help</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="./modal.lockme.html" data-toggle="ajaxModal" >Logout</a>
                </li>
            </ul>
        </div>
    </div>

    -->
    </footer>
</section>
</aside>
<!-- /.aside -->